<template>
  <div>
    <van-nav-bar :title="header"/>
    <div class="unregister-content">
      <div class="unregister-icon">
        <img src="../../assets/svg/dph_coffee.svg" alt="">
      </div>
      <p class="unregister-text">注册信息已提交，请等待审核结果</p>
      <van-button class="unregister-btn" @click="goBackApp">返回</van-button>
    </div>
  </div>
</template>

<script>
  import { NavBar, Cell, CellGroup, Icon, Toast, Button } from 'vant';
  // import { unRegIcon } from '../../assets/svg/dph_unregister.svg';

  export default {
    name: 'state_no',
    components: {
      [Cell.name]: Cell,
      [CellGroup.name]: CellGroup,
      [Icon.name]: Icon,
      [Toast.name]: Toast,
      [NavBar.name]: NavBar,
      [Button.name]: Button
    },
    data() {
      return {
        header: '聚合支付'
      };
    },
    methods: {
      onClickLeft() {
        this.$router.push('/');
      },
      goBackApp() {
        // TODO: 此处返回到原生app
        Toast('返回原生');
      }
    }
  };
</script>

<style lang="less" scoped>
  body {
    background-color: #f8f8f8;
  }

  .unregister {
    &-content {
      padding-top: 2rem;
      text-align: center;
    }
    &-text {
      font-size: 13px;
      color: #666;
      text-align: center;
      line-height: .4rem;
    }
    &-icon {
      width: 2.4rem;
      height: 2.4rem;
      line-height: 3rem;
      margin: 0 auto;
      text-align: center;
      background-color: #ffffff;
      border-radius: 50%;
      img {
        width: .96rem;
        height: .88rem;
      }
    }
    &-btn {
      background-color: #FD7D42;
      border: 1px solid #FD7D42;
      color: #fff;
      width: 2.5rem;
      margin: .38rem auto;
    }
  }
</style>
